<template>
  <div>
    <basic-container >内容管理 / 动态管理 / 新增</basic-container>
    <avue-form
      :option="option"
      v-model="obj"
      @submit="submit"
      @error="error"
    >
    
    </avue-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        
      },
      option: {
        column: [
          {
            type: "input",
            label: "用户id",
            span: 16,
            display: true,
            prop: "userId",
            placeholder:'用户id或马甲id'
          },
          {
            type: "textarea",
            label: "动态内容",
            span: 16,
            display: true,
            prop: "bookIntro",
            placeholder:'动态内容'
          },
          {
            type: "upload",
            label: "动态图片",
            span: 16,
            display: true,
            showFileList: true,
            multiple: true,
            limit: 10,
            propsHttp: {},
            canvasOption: {},
            prop: "insetUrl",
          },
          {
            type: "input",
            label: "关联书籍id",
            span: 16,
            display: true,
            prop: "bookId",
            placeholder:'关联书籍id'
          }
        ],
        labelPosition: "right",
        labelSuffix: "：",
        labelWidth: 150,
        menuBtn: true,
        submitBtn: true,
        submitText: "保存",
        emptyBtn: true,
        emptyText: "清空",
        menuPosition: "center",
      },
    };
  },
  methods: {
    submit(form, done) {
      this.$message.success(JSON.stringify(form));
      done();
    },
    error(err) {
      this.$message.success("请查看控制台");
      
    },
  },
};
</script>

<style>
</style>